<template>
  <div class="public_main">
    <div class="crumbs">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item>{{$t('newcrumbs.crumbsOne')}}</el-breadcrumb-item>
        <el-breadcrumb-item>{{$t('userList.crumbsTwo')}}</el-breadcrumb-item>
        <el-breadcrumb-item>{{$t('userDetail.crumbs')}}</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <!-- -------------用户详情------------------------ -->
    <div class="detail">
        <el-tabs v-model="activeName">
            <el-tab-pane :label="$t('userList.userInfo')" name="first">
                <userdetail></userdetail>
            </el-tab-pane>
            <el-tab-pane :label="$t('userList.loanLog')" name="seccond">
                <loanrecord></loanrecord>
            </el-tab-pane>
        </el-tabs>
    </div>
    <div class="foot"></div>
  </div>
</template>
<script>
import userdetail from 'src/components/component/UserDetail'
import loanrecord from 'src/components/component/LoanRecord'
  export default {
    components: {
      userdetail,
      loanrecord,
    },
    data() {
      return {
        activeName: 'first'
      }
    }
  }
</script>
<style scoped lang="scss">
.detail{
    background:#fff;
    padding:0 20px;
    font-size: 14px;
}
</style>